<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <title>旅游系统</title>
</head>
<body>
<header th:fragment="copy">
    <link href="/css/bootstrap.css" th:href="@{/css/bootstrap.css}" rel="stylesheet"/>
    <link href="/css/font-awesome.css" th:href="@{/css/font-awesome.css}" rel="stylesheet"/>
    <link href="/css/animate.css" th:href="@{/css/animate.css}" rel="stylesheet"/>
    <link href="/css/select2.css" th:href="@{/css/select2.css}" rel="stylesheet"/>
    <link href="/css/smoothness/jquery-ui-1.10.0.custom.css" th:href="@{/css/smoothness/jquery-ui-1.10.0.custom.css}" rel="stylesheet"/>
    <link href="/css/style.css" th:href="@{/css/style.css}" rel="stylesheet"/>

    <script src="/js/jquery.js" th:src="@{/js/jquery.js}"></script>
    <script src="/js/jquery-ui.js" th:src="@{/js/jquery-ui.js}"></script>
    <script src="/js/jquery-migrate-1.2.1.min.js" th:src="@{/js/jquery-migrate-1.2.1.min.js}"></script>
    <script src="/js/jquery.easing.1.3.js" th:src="@{/js/jquery.easing.1.3.js}"></script>
    <script src="/js/superfish.js" th:src="@{/js/superfish.js}"></script>

    <script src="/js/select2.js" th:src="@{/js/select2.js}"></script>
    <script src="/js/jquery.parallax-1.1.3.resize.js" th:src="@{/js/jquery.parallax-1.1.3.resize.js}"></script>
    <script src="/js/SmoothScroll.js" th:src="@{/js/SmoothScroll.js}"></script>
    <script src="/js/jquery.appear.js" th:src="@{/js/jquery.appear.js}"></script>
    <script src="/js/jquery.caroufredsel.js" th:src="@{/js/jquery.caroufredsel.js}"></script>
    <script src="/js/jquery.touchSwipe.min.js" th:src="@{/js/jquery.touchSwipe.min.js}"></script>
    <script src="/js/jquery.ui.totop.js" th:src="@{/js/jquery.ui.totop.js}"></script>
    <script src="/js/script.js" th:src="@{/js/script.js}"></script>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <div class="top1_wrapper">
        <div class="container">
            <div class="top1 clearfix">
                <div class="email1"><a href="#" th:text="${session.desktop.email}"></a></div>
                <div class="phone1" th:text="${session.desktop.iphone}"></div>
                <div class="social_wrapper">
                    <ul class="social clearfix" th:if="${session.state==null}">
                        <li>
                            <a href="#" class="btn-default btn1" id="login" onclick="showModal();">登录</a>
                        </li>
                        <li>
                            <a href="#" class="btn-default btn1" id="regist" onclick="showRegistModal();">注册</a>
                        </li>
                    </ul>
                    <ul class="social clearfix" th:if="${session.state==0}">
                        <li>
                            <a href="#" class="btn-default btn1" id="login" onclick="showModal();">登录</a>
                        </li>
                        <li>
                            <a href="#" class="btn-default btn1" id="regist" onclick="showRegistModal();">注册</a>
                        </li>
                    </ul>
                    <ul class="social clearfix" th:if="${session.state==1}">
                        <li>
                            <label>欢迎你：</label>
                            <span th:text="${session.username}" style="color: #f92c17;"></span>
                        </li>
                        <li>
                            <a href="../desktop/logout" class="btn-default btn1">注销</a>
                        </li>
                    </ul>
                    <div class="form-group" th:if="${session.state==0}" >
                        <label th:if="${session.error!=null}">登录出错：</label>
                        <span th:text="${session.error}" style="color: #f92c17;"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="top2_wrapper">
        <div class="container">
            <div class="top2 clearfix">
                <header>
                    <div class="logo_wrapper">
                        <a href="index.html" class="logo">
                            <img th:src="@{/images/logo.png}" alt="" class="img-responsive"/>
                        </a>
                    </div>
                </header>
                <div class="navbar navbar_ navbar-default">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <div class="navbar-collapse navbar-collapse_ collapse">
                        <ul class="nav navbar-nav sf-menu clearfix">
                            <li><a href="../base/index">首页</a></li>
                            <li><a href="../resGallery/view">旅行相册</a></li>
                            <li><a href="../resHotel/view">酒店住宿</a></li>
                            <li><a href="../resScenery/view">景点推荐</a></li>
                            <li><a href="../resLine/view">旅游线路</a></li>
                            <li><a href="../resContacts/view">反馈</a></li>
                            <li><a href="../resAbout/view">关于我们</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

</header>
</body>
</html>
